<template>
  <view class="container">
	  <!-- 当前选中账号 -->
	  <view class="current-account">
	    <text>当前账号：{{ agentInfo.user.identifier_sn }}</text>
	  </view>
    <!-- 账号列表 -->
    <view class="account-list">
      <view
        class="account-item"
        v-for="(account, index) in accounts"
        :key="index"
        @click="switchAccount(account)"
		v-if="account.user_id != agentInfo.user_id"
      >
        <!-- 头像区域 -->
        <view class="avatar"></view>

        <!-- 账号信息 -->
        <view class="account-info">
          <text class="account-name">{{ account.nickName }}</text>
          <view class="account-tag">
            <text class="tag">{{ account.userGradeName }}</text>
            <text class="id">{{ account.identifier_sn }}</text>
          </view>
        </view>

        <!-- 右侧箭头 -->
        <view class="arrow">
          <text>&gt;</text>
        </view>
      </view>
    </view>

    
  </view>
</template>

<script>
export default {
  data() {
    return {
      accounts: [],
	  agentInfo:{},
      selectedAccount: {name:'测试'} // 当前选中的账号
    };
  },
  onShow() {
  	/*获取个人中心数据*/
  	this.init();
  },
  methods: {
	  init(){
	  	let self = this;
	  	self._get('user.agent/getUserSameNumber', {}, function(data) {
	  		console.info(data)
	  		self.accounts = data.data.agentList;
	  		self.agentInfo = data.data.agentInfo;
	  	});
	  },
    // 切换账号事件
    switchAccount(account) {
		
      this.selectedAccount = account; // 更新选中账号
	  let self = this;
	  uni.showLoading({
	    title: '切换中...',  // 显示在提示框中的文字
	    icon: 'loading',   // 提示框的图标，默认为 'loading'，也可以是 'success' 或 'none'
	    mask: false  // 是否显示透明蒙层，防止触摸穿透，默认为 false
	  })
	  let  user_id = uni.getStorageSync('user_id');
	  if(user_id == account.user_id){
		  self.showError('为当前登录账号,无需切换');
		  return false;
	  }
	  let formdata = account;
	  // 执行微信登录
	  wx.login({
	  	success(res_login) {
	  		console.info(res_login)
	  		formdata.wxcode = res_login.code
	  		console.info('到这里',formdata.wxcode)
	  		if(!formdata.wxcode){
	  			uni.showToast({
	  				title: '登录失败！',
	  				duration: 2000,
	  				icon: 'error'
	  			});
	  			return false;
	  		}
			self._post(
				'user.useropen/swlogin',
				formdata,
				result => {
					uni.hideLoading();
					// 记录token user_id
					uni.setStorageSync('token', result.data.token);
					uni.setStorageSync('user_id', result.data.user_id);
					uni.showToast({
					  title: `切换成功`,
					  icon: 'success',
					  duration: 1500, // 提示框显示时间，单位为毫秒
					  success() {
					    // 在 Toast 显示完毕后执行跳转
					    setTimeout(() => {
					      self.gotoPage('/pages/user/index/index');
					    }, 1500); // 这里的延迟时间和 duration 保持一致
					  }
					});		
				},
				false,
				() => {
					uni.hideLoading();
				}
			);
	  		
	  	}
	  });
	  
      
    }
  }
};
</script>

<style>
/* 页面样式 */
.container {
  background-color: #fff;
  height: 100vh;
  font-family: Arial, sans-serif;
}

.header {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding: 20px 0;
  color: #333;
  border-bottom: 1px solid #eee;
}

.account-list {
  margin-top: 10px;
}

.account-item {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid #f0f0f0;
}

.avatar {
  width: 50px;
  height: 50px;
  background-color: #f5f5f5;
  border-radius: 50%;
  margin-right: 15px;
}

.account-info {
  flex: 1;
}

.account-name {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.account-tag {
  display: flex;
  align-items: center;
  margin-top: 5px;
}

.tag {
  background-color: #a54ef0;
  color: #fff;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
  margin-right: 10px;
}

.id {
  color: #a54ef0;
  font-size: 12px;
}

.arrow {
  font-size: 20px;
  color: #999;
}

.current-account {
  margin: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
</style>
